
/**
 * 根据选择器获取dom
 * @param {String} selector 
 * @returns 
 */
export function dom(selector){
    return document.querySelector(selector)
}

/**
 * 将字符串转成dom
 * @param {String} str 
 * @returns 
 */
export function strToNode(str){
    return (new DOMParser().parseFromString(str, 'text/html').body.childNodes[0]);
}

// export function createNodeByString(str){
//     const vDom = document.createElement("div");
//     vDom.innerHTML = str; 
//     return vDom.childNodes[0];
// }

/**
 * 隐藏dom
 * @param {String} selector 选择器
 */
export function hide(selector){
    dom(selector) && (dom(selector).style.display = 'none');
}

/**
 * 显示dom，默认会已block模型显示
 * @param {String} selector 选择器
 * @returns 
 */
export function show(selector){
    if(!dom(selector)) return;
    dom(selector).style.display = '';
}

const m = {
    dom,
    strToNode,
    // createNodeByString,
    hide,
    show
}

export default m;